<div class="right-plate">
  <div class="table-thead" *ngIf="files" [ngClass]="{'table-thead-scroll':files.length > 20}">
    <p-treeTable [value]="files" [lazy]="true" (onNodeExpand)="onNodeExpand($event)">
      <ng-template pTemplate="header">
        <tr class="tableStyle_thead_tr">
          <!-- <th class="bs-checkbox w5 text-center">
            <input type="checkbox" #event (click)="_selectAll(event.checked,files)" [checked]="isSelectAll">
          </th> -->
          <th class="w10 text-left max-w">任务名称</th>
          <th class="w5 text-left max-w">种类</th>
          <th class="w15 text-left max-w">主题词表范围</th>
          <th class="w5 text-left max-w">分派给</th>
          <th class="w5 text-left max-w">内容数量</th>
          <th class="w5 text-left max-w">标引完成数</th>
          <th class="w5 text-left max-w">审核完成数</th>
          <th class="w5 text-left max-w">状态</th>
          <th class="w10 text-left max-w">分配日期</th>
          <th class="w10 text-left max-w">标引完成日期</th>
          <th class="w10 text-left max-w">审核日期</th>
          <th class="w5 text-left max-w">操作</th>
        </tr>
      </ng-template>
    </p-treeTable>
  </div>
  <div class="table-tbody">
    <p-treeTable [value]="files" [lazy]="true" (onNodeExpand)="onNodeExpand($event)">
      <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-i="index">
        <tr class="treegrid-2 treegrid-collapsed">
          <!-- <td class="bs-checkbox w5 text-center">
            <input type="checkbox" #event (click)="_chose(event.checked,rowData.themeWordsId,files.length)" [checked]="isChose">
          </td> -->
          <td class="w10 text-left max-w">
            <p-treeTableToggler [rowNode]="rowNode" (onNodeExpand)="onNodeExpand($event)"></p-treeTableToggler>
            {{rowData.name}}
          </td>
          <td class="w5 text-left max-w">
            <span *ngIf="rowData.taskType === 0">产品</span>
            <span *ngIf="rowData.taskType === 1">内文</span>
            <span *ngIf="rowData.taskType === 2">主题词</span>
          </td>
          <!-- | date:'yyyy-MM-dd HH:mm' -->
          <td class="w15 text-left max-w" >
            <!-- {{rowData.idxTaskThemeTableList}} -->
            <span *ngFor="let v of rowData.idxTaskThemeTableList; let  i = index;"><b *ngIf="v.themeWordTableName != 'null' && i != 0">&nbsp;</b>{{v.themeWordTableName}}</span>
          </td>
          <td class="w5 text-left max-w">
            {{rowData.taskCheckBy}}
          </td>
          <td class="w5 text-left max-w">
            {{rowData.productCount}}
          </td>
          <td class="w5 text-left max-w">
            {{rowData.completeCount}}
          </td>
          <td class="w5 text-left max-w">
            {{rowData.checkCount}}
          </td>
          <td class="w5 text-left max-w">
            <!-- {{rowData.checkStatus}} -->
            <span class="stateYellow" *ngIf="rowData.checkStatus === 0">未审核</span>
            <span class="stateGreen" *ngIf="rowData.checkStatus === 200">已通过</span>
            <span class="stateRed" *ngIf="rowData.checkStatus === -1">未通过</span>
          </td>
          <td class="w10 text-left max-w">
            {{rowData.createTime | date:'yyyy-MM-dd HH:mm:ss'}}
          </td>
          <td class="w10 text-left max-w">
            {{rowData.completeDate | date:'yyyy-MM-dd HH:mm:ss'}}
          </td>
          <td class="w10 text-left max-w">
            {{rowData.checkCompleteDate | date:'yyyy-MM-dd HH:mm:ss'}}
          </td>
          <!-- tableOperationText -->
          <td class="w5 text-left max-w">
            <span class="btn-i" routerLink="/product/content" [queryParams]="{taskId:rowData.taskId,parentId:rowData.parentId,taskType:rowData.taskType, completeStatus: rowData.completeStatus}">
              <!-- 查看 -->
              <img src="assets/new/look.png" width="18px" height="18px">
            </span>
          </td>
        </tr>
      </ng-template>
    </p-treeTable>
  </div>
</div>